<?php session_start(); include("libs/views/head.php");?>
<body>
	<div id="contenedor">
		<?php include("libs/views/cabecera.php");
		if ($_SESSION['asociacion'] == true){?>
<?php 
			include("libs/views/barraOpciones.php");
?>				
		<div id="cuerpo">
			<div class="registroUno" id="divObservaciones" style="display: none">
				<h3 id="tituloRegistro">Observaciones</h3>
				<img id="buttonClose" onclick="cerrarObservaciones();"alt = "" src = "libs/css/img/close.png"/>
				<span id="spanObservaciones"></span>
			</div>
			<div class="registroUno" id="registroUno">
				<h3 id="tituloRegistro">Datos del registro</h3>
				<div id="parteIzquierda">
					<label>Nombre:</label>
					<label>Primer Apellido:</label>
					<label>Segundo Apellido:</label>
					<label>DNI:</label>
					<label>Edad (en años):</label>
					<label>Parentesco:</label>
					<label>Síndrome de Down:</label>
					<label>Cuna:</label>
					<label>Observaciones:</label>
				</div>
				<div id="parteDrc">
					<input id = "nombre" name = "nombre" type=text onBlur="nombreValido(event);" /> 
					<span class="tickOK" id="tickOK-nombre" title = "nombre correcto"></span>
					<span class="inputWarning" id="inputWarningName" title="nombre no válido"></span> 
					<input name = "1apellido" type=text id="1apellido"	onBlur="apellidoValido(event, 'inputWarningApellido1', '1apellido-valido');" /> 
					<span class="inputWarning" id="inputWarningApellido1" title = "el primer apellido no puede ser vacio"></span>
					<span class="tickOK" id="1apellido-valido" title="Primer apellido válido"></span>
					<input name = "2apellido" type=text id="2apellido" onBlur="apellidoValido(event, 'inputWarningApellido2', '2apellido-valido');" /> 
					<span class="inputWarning" id="inputWarningApellido2" title = "el segundo apellido no puede ser vacio" ></span> 
					<span class="tickOK" id="2apellido-valido" title="Segundo apellido válido"></span>
					<input id = "dni" type=text onBlur = "validarDni(event);"/>
					<span class="inputWarning" id="inputWarningdni" title="dni no válido"></span>
					<span class="tickOK" id="dni-valido" title="dni válido"></span> 
					<input type=text id = "edad" onBlur = "validarEdad(event);"/>
					<span class="inputWarning" id="inputWarningedad" title="edad en años no válida"></span>
					<span class="tickOK" id="edad-valido" title="edad válida"></span> 
					<select id = "parentesco" onBlur = "parentescoValido(event);">
						<option value="default">Seleccione un parentesco</option>
  						<option value="Padre">Padre</option>
  						<option value="Madre">Madre</option>
  						<option value="Hijo">Hijo</option>
  						<option value="Hija">Hija</option>
  						<option value="Otro">Otro</option>
					</select>
					<span class="inputWarning" id="inputWarningparentesco" title="seleccione un parentesco"></span>
					<span class="tickOK" id="parentesco-valido" title="parentesco válido"></span> 
					<input id = "sd" class = "check" type="checkbox"/>
					<input id = "cuna" class = "check" type="checkbox"/>
					<textarea id = "observaciones" cols = "19" rows = "3"></textarea>
				</div>
				<img class = "addMiembro" src = "libs/css/img/addMiembro.png" 
					onclick = "validarMiembroFamilia(event);"/>
			</div>

			<div id = "divTabla">
				<table id = "tabla">
					<thead>
						<td>Nombre</td>
						<td>Primer apellido</td>
						<td>Segundo apellido</td>
						<td>D.N.I.</td>
						<td>Edad</td>
						<td>Parentesco</td>
						<td>Síndrome de Down</td>
						<td>Cuna</td>
						<td>Observaciones</td>
					</thead>
					<tbody id = "cuerpoTabla">
						
					</tbody>
				</table>
			
				<img class="darseAlta" id="darseAlta" src="libs/css/img/submit.png"
				alt="Darse de alta" onclick="formValidate();" />
			</div>
		</div>
		<?php 
		}else{
			?>
		<div id="cuerpo">
			<h1 style="font-family: Arial; color: red">Tiene que iniciar sesión
				para visualizar el contenido de esta página.</h1>
		</div>
		<?php 
		}
		include("libs/views/pie.php");?>
	</div>
</body>
</html>
